<ul class="float-Holder">
  <li class="float-Element float-Highlight float-All">
    <a data-scroll='top' class="float-Contents">
      <h2>全部 <img src="../assets/icons/research_icon.png" class="float-Image"> </h2>
    </a>
  </li>
  <li class="float-Element float-Lowlight float-Physics">
    <a data-scroll='top' class="float-Contents">
      <h2>物理 <img src="../assets/icons/physics_research.png" class="float-Image"> </h2>
    </a>
  </li>
  <li class="float-Element float-Lowlight float-Society">
    <a data-scroll='top' class="float-Contents">
      <h2>社会 <img src="../assets/icons/society_research.png" class="float-Image"> </h2>
    </a>
  </li>
  <li class="float-Element float-Lowlight float-Engineering">
    <a data-scroll='top' class="float-Contents">
      <h2>工程 <img src="../assets/icons/engineering_research.png" class="float-Image"> </h2>
    </a>
  </li>
  <li class="float-Element float-Lowlight float-Anomalies">
    <a class="float-Contents">
      <h2>事件 <img src="../assets/icons/event.png" class="float-Image"> </h2>
    </a>
  </li>
  <li class="float-Element float-Lowlight float-Search">
    <input id="deepsearch" placeholder="Type to search" >
  </li>
  <li class="float-RightElement float-RightBuffer">
    <a href="../index.html" class="float-RightContents">
      <h2><img src="../assets/icons/back_button.png" class="float-RightImage"> 返回</h2>
    </a>
  </li>
  <li class="float-RightElement">
    <a data-scroll='top' class="float-RightContents">
      <h2><img src="../assets/icons/up_to_top.png" class="float-RightImage"> 顶部</h2>
    </a>
  </li>
  <li class="float-RightElement float-RightBuffer research hide">
    <a id="research_save" class="float-RightContents">
      <h2>保存</h2>
    </a>
  </li>
  <li class="float-RightElement research hide">
    <a id="research_load" class="float-RightContents">
      <h2>加载</h2>
    </a>
  </li>
  <li class="float-RightElement research hide">
    <span class="float-RightContents">研究列表:
      <input id="research_selection" list="research_list">
      <datalist id="research_list">
      </datalist>
    </span>
  </li>
  <li class="float-RightElement research hide">
    <a id="research_remove" class="float-RightContents">
      <h2>移除</h2>
    </a>
  </li>
  <li class="float-Element" style="float: right;padding-left: 0px;padding-right: 0px;">
    <div>
      <a title="GDPR-compliant Web Analytics" href="https://clicky.com/101366149"><img alt="Clicky" src="//static.getclicky.com/media/links/badge.gif" border="0" /></a>
      <script async src="//static.getclicky.com/101366149.js"></script>
      <noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/101366149ns.gif" /></p></noscript>
    </div>
  </li>
</ul>
<div id="tech-tree" style="margin-top:50px">
  <div id="tech-tree-physics">

  </div>
  <div id="tech-tree-society">

  </div>
  <div id="tech-tree-engineering">

  </div>
  <div id="tech-tree-anomalies" class="float-NoDisplay">

  </div>
</div>
